<template>
    <div id="app" @click="hidebagview">
        <apple-header style="height: auto"/>
        <keep-alive>
            <router-view v-if="$route.meta.keepAlive" style="height: auto"/>
        </keep-alive>
        <router-view style="height: auto" v-if="!$route.meta.keepAlive"/>
        <apple-footer style="height: auto" />
    </div>
</template>

<script>
import AppleFooter from "./components/AppleFooter.vue";
import AppleHeader from "./components/AppleHeader.vue";
import HelloWorld from "./components/HelloWorld.vue";
export default {
    name: "app",
    components: {
        HelloWorld,
        AppleHeader,
        AppleFooter,
    },
    methods: {
        hidebagview() {
            if(shoppBagBox==undefined){
                return
            }
            shoppBagBox.style.display ='none'
        },
        
    },
};
</script>

<style>
@font-face {
    font-family: "sf apple";
    src: url("assets/font/pingfang.ttf");
}
body {
    font-family: "sf apple";
}

#app,
body,
html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
</style>
